<template>
    <div>
        <div class="col-lg-8">

            <mainImage title="企业介绍" style="background-color: #ffffff;
    margin: 15px 0;
    padding: 15px 0px;
    overflow: hidden;
    box-shadow: 0 2px 28px rgba(0, 0, 0, .1);
        border-bottom: 3px solid rgb(64, 158, 255);">
                <template #mianMap>
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="panel-group no-mb faq-panels" id="accordion">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <a class="accordion-toggle collapsed colorDark" data-toggle="collapse"
                                                data-parent="#accordion" href="#collapseTwo"
                                                @click="toggleCollapseTwo">轨道交通产业概述</a>
                                        </h4>
                                    </div>
                                    <div id="collapseTwo" class="panel-collapse collapse"
                                        :class="{ 'show': isCollapseTwoOpen }">
                                        <div class="panel-body">
                                            <p class="overs">‌轨道交通产业‌是指运营车辆需要在特定轨道上行驶的一类交通工具或运输系统，
                                                主要包括铁路轨道交通和城市轨道交通两大类。轨道交通产业在国民经济中占据重要地位，
                                                不仅在铁路交通方面有着显著的发展成就和未来规划，
                                                在城市轨道交通方面也展现出强大的生命力和广阔的发展前景。
                                            <div class="lines"></div><b style="font-size: 15px;">定义和分类</b><br>
                                            轨道交通是指运营车辆需要在特定轨道上行驶的一类交通工具或运输系统。具体分类如下：<br>
                                            ‌铁路轨道交通‌：包括普通铁路和高速铁路，主要承担跨省、市的中远距离运输任务，特点是运行速度快、运输能力强。<br>
                                            ‌城市轨道交通‌：包括地铁、轻轨、有轨电车、市域快速轨道、现代有轨电车、磁悬浮列车等，主要承担城市内部中短距离的客运任务。</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <a class="accordion-toggle collapsed colorDark" data-toggle="collapse"
                                                data-parent="#accordion" href="#collapseThree">全球轨道交通产业现状</a>
                                        </h4>
                                    </div>
                                    <div id="collapseThree" class="panel-collapse collapse">
                                        <div class="panel-body">
                                            <p class="overs">
                                                ‌<b>中国‌：</b>中国是全球轨道交通装备行业的领先者，城市轨道交通运营里程占全球比重近三成，地铁运营里程最长，占全球的48.60%。<br>
                                                ‌<b>‌美国‌：</b>美国紧随中国之后，地铁运营里程占全球的比重未超过10%，但铁路营业里程最长，超过25万公里。<br>
                                                <b>‌德国‌：</b>德国的城市轨道交通运营里程在全球排名第二，但其具体产业规模数据未详细列出。<br>
                                                <b>‌俄罗斯‌：</b>俄罗斯的城市轨道交通运营里程在全球排名第四，但其具体产业规模数据未详细列出。<br>
                                                <b>法国‌：</b>‌法国的城市轨道交通运营里程在全球排名第五，但其具体产业规模数据未详细列出‌。<br>
                                            <div class="lines"></div>
                                            <b style="font-size: 15px;">全球轨道交通装备行业的主要参与者</b><br>
                                            全球轨道交通装备行业的主要参与者包括中国中车、阿尔斯通、庞巴迪、西门子等。<br>
                                            中国中车是全球最大的轨道交通装备供应商，2023年实现营业收入2342.62亿元。
                                            </p>
                                        </div>
                                    </div>
                                </div>

                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <a class="accordion-toggle collapsed colorDark" data-toggle="collapse"
                                                data-parent="#accordion" href="#collapseSix"> 全国主要的轨道交通企业及其在2024年的表现</a>
                                        </h4>
                                    </div>
                                    <div id="collapseSix" class="panel-collapse collapse">
                                        <div class="panel-body">
                                            <p class="overs">

                                                <b>‌中国中铁‌：</b>中国中铁在2024年第二季度的营业收入为2788.77亿元，同比增长-12.34%，归母净利润为67.97亿元，同比减少18.71%‌。<br>
                                                <b>‌中国铁建‌：</b>中国铁建在2024年第二季度的营业收入为2411.88亿元，同比增长-12.34%，归母净利润为58.77亿元，同比减少18.71%‌。<br>
                                                ‌<b>中国电建‌：</b>中国电建在2024年第二季度的营业收入为1450.5亿元，同比增长-2.17%，归母净利润为32.94亿元，同比减少12.35%‌。<br>
                                                <b>‌中国中车‌：</b>中国中车在2024年第二季度的营业收入为578.57亿元，同比增长5.34%，归母净利润为31.93亿元，同比增长12.21%‌。<br>
                                                <b>‌上海电气‌：</b>上海电气在2024年第二季度的营业收入为292.82亿元，同比增长-7.89%，归母净利润为5.7亿元，同比增长154.9%‌。
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <a class="accordion-toggle collapsed colorDark" data-toggle="collapse"
                                                data-parent="#accordion" href="#collapseFive">丰台区轨道交通产业</a>
                                        </h4>
                                    </div>
                                    <div id="collapseFive" class="panel-collapse collapse">
                                        <div class="panel-body">
                                            <p class="overs">
                                                轨道交通产业是北京市丰台区的重要支柱产业，涵盖了从科技研发、规划设计、工程建设、装备研制到运营维护的全产业链条‌。丰台区作为轨道交通产业的发源地和聚集地，拥有丰富的产业基础和完善的产业生态。
                                                <br>
                                            <div class="lines"></div><b style="font-size: 15px;">强链分析</b><br>
                                            丰台轨道交通产业起步较早，2009年获批国家轨道交通高新技术产业化基地，2010年成立了北京国家轨道交通产业技术创新战略联盟，并获批国家新型工业化产业示范基地‌。近年来，丰台区不断推进产业升级和创新发展，形成了以中关村丰台园为核心的轨道交通产业聚集区，汇聚了中国中铁、中国通号、交控科技等大型重点企业。
                                            <br>
                                            <div class="lines"></div>
                                            <b style="font-size: 15px;">补链分析</b><br>
                                            丰台区轨道交通产业虽然在北京市乃至全国都具有一定的影响力，但仍然存在一些不足环节。<br>
                                            首先，技术创新能力有待加强。虽然丰台区轨道交通产业在车辆制造、信号系统等方面具备一定的技术基础，但与国际先进水平相比，还存在一定差距。
                                            产业链条不够完善：虽然丰台区轨道交通产业涵盖了车辆制造、信号系统、运营维护等多个环节，但部分关键零部件和高端设备仍然依赖进口，制约了产业的自主发展能力。
                                            产业规模和集聚效应有待提升：虽然丰台区轨道交通产业已经具备一定的规模，但与上海、深圳等城市相比，产业规模和集聚效应仍有较大提升空间。
                                            人才培养和引进机制需要进一步完善：轨道交通产业是技术密集型产业，对人才的需求较高，但目前丰台区在轨道交通人才培养和引进方面还存在不足，制约了产业的可持续发展。
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <a class="accordion-toggle collapsed colorDark" data-toggle="collapse"
                                                data-parent="#accordion" href="#collapseEight">中国市场规模和发展趋势</a>
                                        </h4>
                                    </div>
                                    <div id="collapseEight" class="panel-collapse collapse">
                                        <div class="panel-body">
                                            <p class="overs">

                                                <b style="font-size: 15px;">‌铁路交通‌：</b>‌
                                                <br>
                                                <b>发展现状‌：</b><br>铁路是我国国民经济大动脉，基础网络已初步形成，综合服务水平明显提升，自主发展能力及创新能力不断增强。2023年，全国铁路固定资产投资达7645亿元，新线投产3637公里，其中高铁2776公里，营业里程达到15.9万公里，高铁4.5万公里。预计到2025年，铁路网将扩展至16.5万公里，到2030年实现内外互联互通、区域畅通、省会高铁连通、城市快速通达及县域覆盖‌。
                                                ‌<br><b>发展趋势‌：</b><br>铁路交通将继续扩大规模，提升服务质量和技术水平，满足日益增长的运输需求。
                                                <br>
                                            <div class="lines"></div><b style="font-size: 15px;">‌城市轨道交通‌：</b><br>‌
                                            <b>‌发展现状‌：</b><br>城市轨道交通是现代化大城市公共交通的骨干，具有节能、省地、运量大、全天候、无污染（或少污染）又安全等特点。地铁、轻轨等城市轨道交通模式在各大城市广泛应用，成为城市公共交通的重要组成部分。
                                            ‌<br><b>发展趋势‌：</b><br>随着城市化进程的加快，城市轨道交通将进一步发展，满足城市内部交通需求，提升城市交通效率和服务质量。
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <a class="accordion-toggle collapsed colorDark" data-toggle="collapse"
                                                data-parent="#accordion" href="#collapseNine">竞品地区</a>
                                        </h4>
                                    </div>
                                    <div id="collapseNine" class="panel-collapse collapse">
                                        <div class="panel-body">
                                            <p class="overs">

                                                <b>上海‌：</b>上海和北京的城市轨道交通运营里程均在800公里以上，运营线路数量分别为22条和27条，月度客运量均在3亿人次以上。<br>
                                                ‌<b>成都‌：</b>成都是西南地区重要的轨道交通产业集聚地，近年来在轨道交通领域取得了显著进展，形成了集新造、检修、配件、运维、服务为一体的产业链布局‌。<br>
                                                <b>‌重庆‌：</b>重庆的轨道交通产业也在快速发展，拥有多条运营线路，并在全国轨道交通产业中占据重要位置‌。<br>
                                                <b>‌青岛‌：</b>青岛的轨道交通产业发展迅速，形成了较为完善的产业集聚区‌。<br>
                                                <b>‌株洲‌：</b>株洲是全球首个突破千亿规模的轨道交通产业集群所在地，以电力机车、铁路货车、城轨车辆等整车制造为主体，形成了集产品研发、生产制造、物流配送、售后服务于一体的全产业链‌。
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </template>
            </mainImage>
        </div>
        <div class="col-lg-4">
            <sameCard title="推荐企业">

                <template #tool>
                    <video src="../../../assets/111.mp4" controls autoplay
                        style="width: 100%;height: 180px;margin-top: -55px;"></video>
                    <div class="analyse-box">

                        <div class="row">
                            <div class="col-12 text-center">
                                <div class="pt-1 pl-3 pr-3" style="height: 40px;line-height: 40px;">
                                    <span class="pull-left">近三个月注册资本增长50%以上</span>
                                    <span class="pull-right">10%</span>
                                    <div class="progress" style="height: 4px; clear: both;">
                                        <div class="progress-bar-warning" role="progressbar" aria-valuenow="30"
                                            aria-valuemin="0" aria-valuemax="100" style="width:30%;color: orange">
                                        </div>
                                    </div>
                                </div>
                                <div class="pt-2 pl-3 pr-3" style="height: 40px;line-height: 40px;">
                                    <span class="pull-left">近三个月新增对外投资</span>
                                    <span class="pull-right">20%</span>
                                    <div class="progress" style="height: 4px; clear: both;">
                                        <div class=" progress-bar-danger" role="progressbar" aria-valuenow="60"
                                            aria-valuemin="0" aria-valuemax="100" style="width:20%;color: blueviolet;">
                                        </div>
                                    </div>
                                </div>
                                <div class="pt-2 pl-3 pr-3" style="height: 40px;line-height: 40px;">
                                    <span class="pull-left">连续三年营业收入正增长</span>
                                    <span class="pull-right">30%</span>
                                    <div class="progress" style="height: 4px;  clear: both;">
                                        <div class="progress-bar progress-bar-info" role="progressbar"
                                            aria-valuenow="37" aria-valuemin="0" aria-valuemax="100" style="width:37%">
                                        </div>
                                    </div>
                                </div>
                                <div class="pt-2 pl-3 pr-3" style="height: 40px;line-height: 40px;">
                                    <span class="pull-left">近一年员工人数增长50%以上</span>
                                    <span class="pull-right">20%</span>
                                    <div class="progress" style="height: 4px; clear: both;">
                                        <div class="progress-bar-success" role="progressbar" aria-valuenow="60"
                                            aria-valuemin="0" aria-valuemax="100" style="width:20%;color: aqua;">
                                        </div>
                                    </div>
                                </div>
                                <div class="pt-2 pl-3 pr-3" style="height: 40px;line-height: 40px;">
                                    <span class="pull-left">近三个月内有融资</span>
                                    <span class="pull-right">20%</span>
                                    <div class="progress" style="height: 4px; clear: both;">
                                        <div class="progress-bar progress-bar-success" role="progressbar"
                                            aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"
                                            style="width:20%;color: chartreuse;">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </template>

            </sameCard>
        </div>
    </div>
    <div>
        <div class="wrapper main-wrapper row">
            <section class="box nobox marginBottom0">
                <div class="content-body" style="width: 100%;">
                    <div class="row sift " style="height: 100px;">
                        <div class="content">
                            <h4 class="title">丰台区企业</h4>
                            <div class="sift-content">
                                <el-select v-model="sectorValue" placeholder="按推荐理由筛选" size="large"
                                    style="width: 160px;" class="sector-classification-select">
                                    <el-option v-for="item in sectorClass" :key="item.value" :label="item.label"
                                        :value="item.value" />
                                </el-select>
                                <el-select v-model="scaleValue" placeholder="按企业规模筛选" size="large" style="width: 160px;"
                                    class="enterprise-scale-select">
                                    <el-option v-for="item in scaleFiltering" :key="item.value" :label="item.label"
                                        :value="item.value" />
                                </el-select>
                                <el-select v-model="timeValue" placeholder="按注册时间筛选" size="large" style="width: 160px;"
                                    class="register-time-select">
                                    <el-option v-for="item in timeFiltering" :key="item.value" :label="item.label"
                                        :value="item.value" />
                                </el-select>
                                <el-select v-model="capitalValue" placeholder="按注册资本筛选" size="large"
                                    style="width: 160px;" class="registered-capital-select">
                                    <el-option v-for="item in capitalFiltering" :key="item.value" :label="item.label"
                                        :value="item.value" />
                                </el-select>
                                <el-select v-model="aptitudeValue" placeholder="按企业资质筛选" size="large"
                                    style="width: 250px;" class="enterprise-qualification-select">
                                    <el-option v-for="item in aptitudeFiltering" :key="item.value" :label="item.label"
                                        :value="item.value" />
                                </el-select>
                                <el-select v-model="sectorValue" placeholder="按行业分类筛选" size="large"
                                    style="width: 160px;" class="sector-classification-select">
                                    <el-option v-for="item in sectorClass" :key="item.value" :label="item.label"
                                        :value="item.value" />
                                </el-select>
                                <!-- <el-select v-model="industryValue" placeholder="按产业节点筛选" size="large"
                                    style="width: 160px;" class="industry-classification-select">
                                    <el-option v-for="item in industryClass" :key="item.value" :label="item.label"
                                        :value="item.value" />
                                </el-select> -->
                                
                                <el-button type="primary">重置</el-button>
                            </div>

                        </div>
                    </div>
                    <div class="table">
                        <div class="top">
                            <el-button type="primary" style="margin: 20px 0;">总数量 &nbsp;|
                                &nbsp;<span>205281</span></el-button>
                            <div class="search">
                                <el-input v-model="input3" style="max-width: 600px" placeholder="查询"
                                    class="input-with-select">
                                    <template #append>
                                        <el-button>查询</el-button>
                                    </template>
                                </el-input>
                            </div>
                        </div>

                        <el-table :data="tableData" border style="width: 100%">
                            <el-table-column type="selection" width="55" align="center" />
                            <el-table-column prop="name" label="企业名称" align="center" width="200" />
                            <el-table-column prop="time" label="成立时间" align="center" width="150" />
                            <el-table-column prop="address" label="注册地址" align="center" />
                            <el-table-column prop="scale" label="企业规模" align="center" width="100" />
                            <el-table-column prop="registeredCapital" label="注册资本" align="center" width="100" />
                            <el-table-column prop="hangye" label="行业分类" align="center" width="200" />
                            <el-table-column prop="recommend" label="推荐理由" align="center" width="200" />
                            <el-table-column prop="qualification" label="企业资质" align="center" width="200" />
                            <el-table-column prop="collection" label="收藏" align="center" width="80">
                                <el-switch v-model="switchValue" />
                            </el-table-column>
                            <el-table-column prop="view" label="查看" align="center" width="80">
                                <template #default="scope">
                                    <el-button size="small" type="danger">
                                        查看
                                    </el-button>
                                </template>
                            </el-table-column>

                        </el-table>
                        <div class="demo-pagination-block" style="margin: 30px 0;">
                            <el-pagination background layout="prev, pager, next" :total="1000" :pager-count="11" />
                        </div>
                    </div>
                </div>
            </section>

        </div>
    </div>
</template>
<script>
import mainImage from '@/components/scCard/mainImage'
import sameCard from '@/components/scCard/sameCard'
export default {
    components: {
        mainImage,
        sameCard,
    },
    data() {
        return {
            switchValue: false,
            currentPage: 1,
            pageSize: 100,
            activeName: 'first',
            selectedOption: '按企业规模筛选',
            tableData: [
                {
                    name: '五峰正浩工贸有限公司',
                    time: '2012-07-11',
                    address: '五峰土家族自治县湾潭镇小凤池村三组',
                    scale: '微型',
                    registeredCapital: '100',
                    hangye: '制造业',
                    recommend:"近三个月内有融资",
                    qualification:"高新技术企业-国家企业技术中心"
                },

                {
                    name: '五峰正浩工贸有限公司',
                    time: '2012-07-11',
                    address: '五峰土家族自治县湾潭镇小凤池村三组',
                    scale: '微型',
                    registeredCapital: '100',
                    hangye: '制造业',
                    recommend:"近三个月内有融资",
                    qualification:"高新技术企业-国家企业技术中心"
                },
                {
                    name: '五峰正浩工贸有限公司',
                    time: '2012-07-11',
                    address: '五峰土家族自治县湾潭镇小凤池村三组',
                    scale: '微型',
                    registeredCapital: '100',
                    hangye: '制造业',
                    recommend:"近三个月内有融资",
                    qualification:"高新技术企业-国家企业技术中心"
                },
                {
                    name: '五峰正浩工贸有限公司',
                    time: '2012-07-11',
                    address: '五峰土家族自治县湾潭镇小凤池村三组',
                    scale: '微型',
                    registeredCapital: '100',
                    hangye: '制造业',
                    recommend:"近三个月内有融资",
                    qualification:"高新技术企业-国家企业技术中心"
                },
                {
                    name: '五峰正浩工贸有限公司',
                    time: '2012-07-11',
                    address: '五峰土家族自治县湾潭镇小凤池村三组',
                    scale: '微型',
                    registeredCapital: '100',
                    hangye: '制造业',
                    recommend:"近三个月内有融资",
                    qualification:"高新技术企业-国家企业技术中心"
                },
                {
                    name: '五峰正浩工贸有限公司',
                    time: '2012-07-11',
                    address: '五峰土家族自治县湾潭镇小凤池村三组',
                    scale: '微型',
                    registeredCapital: '100',
                    hangye: '制造业',
                    recommend:"近三个月内有融资",
                    qualification:"高新技术企业-国家企业技术中心"
                },
                {
                    name: '五峰正浩工贸有限公司',
                    time: '2012-07-11',
                    address: '五峰土家族自治县湾潭镇小凤池村三组',
                    scale: '微型',
                    registeredCapital: '100',
                    hangye: '制造业',
                    recommend:"近三个月内有融资",
                    qualification:"高新技术企业-国家企业技术中心"
                },
                {
                    name: '五峰正浩工贸有限公司',
                    time: '2012-07-11',
                    address: '五峰土家族自治县湾潭镇小凤池村三组',
                    scale: '微型',
                    registeredCapital: '100',
                    hangye: '制造业',
                    recommend:"近三个月内有融资",
                    qualification:"高新技术企业-国家企业技术中心"
                },
                {
                    name: '五峰正浩工贸有限公司',
                    time: '2012-07-11',
                    address: '五峰土家族自治县湾潭镇小凤池村三组',
                    scale: '微型',
                    registeredCapital: '100',
                    hangye: '制造业',
                    recommend:"近三个月内有融资",
                    qualification:"高新技术企业-国家企业技术中心"
                },
                {
                    name: '五峰正浩工贸有限公司',
                    time: '2012-07-11',
                    address: '五峰土家族自治县湾潭镇小凤池村三组',
                    scale: '微型',
                    registeredCapital: '100',
                    hangye: '制造业',
                    recommend:"近三个月内有融资",
                    qualification:"高新技术企业-国家企业技术中心"
                }

            ],
            // 按照企业规模筛选
            scaleValue: '',
            scaleFiltering: [
                { value: '大型', label: '大型' },
                { value: '中型', label: '中型' },
                { value: '小型', label: '小型' },
                { value: '微型', label: '微型' },
            ],
            // 按注册时间筛选
            timeValue: '',
            timeFiltering: [
                { value: '3个月内', label: '3个月内' },
                { value: '半年内', label: '半年内' },
                { value: '1年以内', label: '1年以内' },
                { value: '3-5年', label: '3-5年' },
                { value: '5-10年', label: '5-10年' },
                { value: '10年以上', label: '10年以上' },
            ],
            // 按注册资本筛选
            capitalValue: '',
            capitalFiltering: [
                { value: '0-100万', label: '0-100万' },
                { value: '100-200万', label: '100-200万' },
                { value: '200-500万', label: '200-500万' },
                { value: '500-1000万', label: '500-1000万' },
                { value: '1000-5000万', label: '1000-5000万' },
                { value: '5000万以上', label: '5000万以上' },
            ],
             // 按行业分类筛选
             sectorValue: '',
            sectorClass: [
                

                { value: '建筑业', label: '建筑业' },
                { value: '交通运输、仓储和邮政业', label: '交通运输、仓储和邮政业' },
                { value: '教育', label: '教育' },
                { value: '金融业', label: '金融业' },
                { value: '居民服务、修理和其他服务业', label: '居民服务、修理和其他服务业' },
                { value: '科学研究和技术服务业', label: '科学研究和技术服务业' },
                { value: '农、林、牧、渔业', label: '农、林、牧、渔业' },
                { value: '批发和零售业', label: '批发和零售业' },
                { value: '水利、环境和公共设施管理业', label: '水利、环境和公共设施管理业' },
                { value: '卫生和社会工作', label: '卫生和社会工作' },
                { value: '文化、体育和娱乐业', label: '文化、体育和娱乐业' },
                { value: '信息传输、软件和信息技术服务业', label: '信息传输、软件和信息技术服务业' },
                { value: '制造业', label: '制造业' },
                { value: '住宿和餐饮业', label: '住宿和餐饮业' },
                { value: '租赁和商务服务业', label: '租赁和商务服务业' },
                { value: '采矿业', label: '采矿业' },
                { value: '电力、热力、燃气及水生产和供应业', label: '电力、热力、燃气及水生产和供应业' },
                { value: '房地产业', label: '房地产业' },

            ],
            // 按企业资质筛选
            aptitudeValue: '',
            aptitudeFiltering: [
                { value: '高新技术企业', label: '高新技术企业' },
                { value: '科技部科技型中小企业', label: '科技部科技型中小企业' },
                { value: '国家级制造业单项冠军示范企业', label: '国家级制造业单项冠军示范企业' },
                { value: '国家级制造业单项冠军产品企业', label: '国家级制造业单项冠军产品企业' },
                { value: '国家级制造业单项冠军培育企业', label: '国家级制造业单项冠军培育企业' },
                
                { value: '国家企业技术中心', label: '国家企业技术中心' },
                { value: '国家技术创新示范企业', label: '国家技术创新示范企业' },
                { value: '国家级科技企业孵化器', label: '国家级科技企业孵化器' },
                { value: '国家创投空间', label: '国家创投空间' },
                { value: '国家级专精特新“小巨人”企业', label: '国家级专精特新“小巨人”企业' },
                { value: '国家级重点实验室', label: '国家级重点实验室' },
                { value: '中国独角兽企业', label: '中国独角兽企业' },

                { value: '上市企业-汇总', label: '上市企业-汇总' },
                { value: '上市企业-A股', label: '上市企业-A股' },
                { value: '上市企业-港股', label: '上市企业-港股' },
                { value: '上市企业-美股', label: '上市企业-美股' },
                { value: '上市企业-新三板', label: '上市企业-新三板' },
                { value: '上市企业-新四板', label: '上市企业-新四板' },




                { value: '中小企协AAA信用', label: '中小企协AAA信用' },
                { value: '科技型初创企业', label: '科技型初创企业' },
                { value: '龙头企业', label: '龙头企业' },
                { value: '牛羚企业', label: '牛羚企业' },
                { value: '三同企业', label: '三同企业' },
                { value: '工程技术研究中心', label: '工程技术研究中心' },
                { value: '创新型企业', label: '创新型企业' },
                { value: '省级“专精特精”中小企业', label: '省级“专精特精”中小企业' },
                { value: '省级企业技术中心', label: '省级企业技术中心' },
                { value: '省级科技企业孵化器', label: '省级科技企业孵化器' },
                { value: '省级技术创新示范企业', label: '省级技术创新示范企业' },
                { value: '省级隐形冠军示范企业', label: '省级隐形冠军示范企业' },
                { value: '省级隐形冠军培育企业', label: '省级隐形冠军培育企业' },
                { value: '省级科技小巨人企业', label: '省级科技小巨人企业' },
                { value: '省级重点实验室', label: '省级重点实验室' },
                { value: '省级创新型中小企业', label: '省级创新型中小企业' },       
                { value: '省级技术先进型服务企业', label: '省级技术先进型服务企业' },
                { value: '省级民营科技企业', label: '省级民营科技企业' },
                { value: '省级独角兽企业', label: '省级独角兽企业' },     
                { value: '省级瞪羚企业', label: '省级瞪羚企业' },
                { value: '省级雏鹰企业', label: '省级雏鹰企业' }
                
            ],
            // 按产业分类筛选
            industryValue: '',
            industryClass: [
                { value: '轨道交通', label: '轨道交通' },

            ],
            // 按推荐理由筛选    近三个月内有融资、近三个月新增对外投资、连续三年营业收入正增长、近三个月注册资本增长50%以上、近一年员工人数增长50%以上
            sectorValue: '',
            sectorClass: [
                { value: '近三个月内有融资', label: '近三个月内有融资' },
                { value: '近三个月新增对外投资', label: '近三个月新增对外投资' },
                { value: '连续三年营业收入正增长', label: '连续三年营业收入正增长' },
                { value: '近三个月注册资本增长50%以上', label: '近三个月注册资本增长50%以上' },
                { value: '近一年员工人数增长50%以上', label: '近一年员工人数增长50%以上' },
            ],
        }
    },
}
</script>

<style scoped lang="scss">
@import "@/views/personalCenter/css/index.css";
@import '@/layout/css/bootstrap.min.css';
@import '@/layout/css/animate.css';
@import '@/layout/css/radial.css';
@import '@/layout/css/font-awesome.css';
::v-deep .el-collapse-item__header {
    font-size: 20px !important;
}

.demo-tabs>.el-tabs__content {
    padding: 32px;
    color: #6b778c;
    font-size: 32px;
    font-weight: 600;
}

::v-deep .el-tabs__nav-scroll {
    display: flex;
    justify-content: center;
    height: 60px;
    line-height: 90px;
}

::v-deep .el-tabs__item {
    font-size: 30px;
}

::v-deep .el-collapse-item__header {
    font-size: 20px !important;
}

.demo-tabs>.el-tabs__content {
    padding: 32px;
    color: #6b778c;
    font-size: 32px;
    font-weight: 600;
}

::v-deep .el-tabs__nav-scroll {
    display: flex;
    justify-content: center;
    height: 60px;
    line-height: 90px;
}

::v-deep .el-tabs__item {
    font-size: 30px;
}

.content-body .sift,
.table {
    background-color: #fff;
    // height: 100px;
    border-radius: 7px;
    width: 98%;
    margin: auto;
    border: 1px solid #b7c6d8;
    margin-bottom: 16px;
    box-shadow: rgba(76, 78, 100, .2) 0px 2px 10px 0px;
    padding: 0 20px;

    .title {
        font-weight: 600;
    }

}

.table {
    margin-top: 50px;

    .top {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

::v-deep .el-dropdown {
    margin-right: 20px;
}

::v-deep .el-select {
    margin-right: 20px
}

::v-deep .el-input-group__append button.el-button {
    background-color: #409EFF;
    color: #fff;
}

// 修改每个筛选的背景颜色
::v-deep .enterprise-scale-select .el-input__wrapper {
    background-color: #7e8c9e;
}

::v-deep .register-time-select .el-input__wrapper {
    background-color: #409EFF
}

::v-deep .registered-capital-select .el-input__wrapper {
    background-color: #e4515e;
}

::v-deep .enterprise-qualification-select .el-input__wrapper {
    background-color: #2c998d;
}

::v-deep .industry-classification-select .el-input__wrapper {

    background-color: #3d5ae6;
}

::v-deep .sector-classification-select .el-input__wrapper {

    background-color: #9d73fa;
}

// 改变下拉框的边框
::v-deep .el-input__wrapper {
    border-radius: 6px;
    box-shadow: none;
}

// 改变输入框placeholder颜色
::v-deep .el-input__inner::placeholder {
    color: #fff;
}

// 改变选择后输入框中的颜色
::v-deep .el-input__inner {
    color: #fff;
}

// 翻页居中
::v-deep .el-pagination {
    justify-content: center;
}

.colorDark {
    height: 50px;
    align-items: center;
    background-image: -webkit-linear-gradient(to right, #409EFF, #3d5ae6, #9d73fa) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#e8962e), to(#e45131)) !important;
    background-image: linear-gradient(to right bottom, #409EFF, #3d5ae6, #9d73fa) !important;
    color: #fff;
}

.overs {
    padding: 20px;
    background: url('../../../assets/overs02.png') center center / cover;
}

.lines {
    margin: 10px 0px;
    background-color: black;
    width: 100%;
    height: 2px;
}
</style>